<template>
  <section class="text-5 font-400">
    <span @click="$router.back" class="cursor-pointer hover:text-2">{{
      route.meta.parentTitle
    }}</span>
    <span class="text-1 font-700">
      <i v-if="showSeparator" class="mx-6px">/</i>
      <slot name="content">{{ route.meta.title }}</slot>
    </span>
  </section>
</template>
<script lang="ts" setup>
const route = useRoute()
withDefaults(defineProps<{ showSeparator?: boolean }>(), {
  showSeparator: true
})
</script>

<style lang="less" scoped></style>
